@import url('https://fonts.googleapis.com/css?family=Muli:300,400,700&subset=latin-ext');

.p01-contact .email{display:none !important}
.nie{display:none;}

#vrbody{transition:all 2s linear;}

a:hover{text-decoration:none;opacity:0.8}

col-md-ukryj{display:none;}

.bordertime{border:solid 1px rgba(0,0,0,0);transition:all 0.8s ease}
.bordertime:hover{border:solid 1px rgba(0,0,0,0.8);}

body{
	font-size:14px;
line-height:25px;
    font-family: 'Muli', sans-serif;

}

.fog{animation:fog 2s 1 linear;animation-fill-mode:forwards; }

@keyframes fog{
	from{background:rgba(0,0,0,0)}
	to{background:rgba(0,0,0,0.3)}
}


.carousel-item{min-height:300px;background:transparent;text-shadow:2px 0px 2px #000;

background-size:cover !important;background-position:center center !important;}


	

@media(min-width:800px){
.carousel-item{height:600px;background:transparent;text-shadow:2px 0px 2px #000;

background-size:cover !important;background-position:center center !important;}

}
	
#content{padding:3rem 0;}

.content img{
	max-width:100% !important;
	margin:5px;
	height:auto !important
}

.navbar li  a{color:#000; margin:5px 10px;}
.navbar li  a:hover{text-decoration:none; opacity:0.8}
.navbar li{border-bottom:solid 1px transparent;transition:all 1s linear;padding:10px 0}
.navbar li:hover{border-bottom:solid 1px #000;}

.bg{animation:bg 10s linear;
background-image:url('http://localhost:81/data/uploads/szablon/slider1.jpeg');}


@keyframes bg{
	from{background-size:200%}
	to{background-size: 100%;}
}

.bsmall{
background-size:cover !important;height:190px;}

.bbig{
background-size:cover !important;height:387px;}

@media(max-width:800px){

.bsmall{
background-size:cover !important;height:250px;}

.bbig{
background-size:cover !important;height:250px;}
}

.bbig .fog{
background:rgba(0,0,0,0.7);opacity:0;transition:all 1s ease;
}

.bbig:hover .fog{
background:rgba(0,0,0,0.7);opacity:1;}

.bsmall .fog{
background:rgba(0,0,0,0.7);opacity:0;transition:all 1s ease;
}

.bsmall:hover .fog{
background:rgba(0,0,0,0.7);opacity:1;}
.navbar-nav li{text-align:center;}

@media (max-width:800px){

	.nivo-thumbs-enabled{display:none;}
	.navbar-nav li ul{margin:0;padding:0;list-style-type:none;}
.navbar-nav li:hover ul{}
}

@media (min-width:800px){

	.navbar-nav li ul{margin:0;padding:10px;list-style-type:none;
		background:#000;width:220px;position:absolute;z-index:1030;transform:translate(-30%,0);transition:all 1s ease;}
		.navbar-nav li ul a{color:#fff}
		.navbar-nav li ul a:hover{color:#fff;opacity:0.8}
	.navbar-nav li ul{}
.navbar-nav li:hover ul{}
}

.content {
color:#6c757d;
}


.content h1{
color:#000;
}

.content h2{
color:#000;
}

.content h3{
color:#000;
}

.content h4{
color:#000;
}

.content h5{
color:#000;
}

.content h6{
color:#000;
}

